<!DOCTYPE html>
<html><head>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>同业注册 - 好巧网</title>
    <meta name="keywords" content="国际酒店预订,国际酒店,国外酒店预订,海外酒店预订, 国际酒店预订网">
    <meta name="description" content="好巧网是专业的国际酒店批发平台，拥有全球90万家酒店，酒店介绍内容全面，价格便宜，及时确认订单，7x24小时客服支持，旅行社和商旅行业都在使用。">
    <meta name="viewport" content="width=1190">
    <link type="text/css" href="./static/css/style1.css?v10.03" rel="stylesheet">
    <link type="text/css" href="./static/css/register.css?v10.03" rel="stylesheet">
    <script type="text/javascript" src="./static/js/jquery.mini.js"></script>
    <script type="text/javascript" src="./static/js/main.js?v10.03"></script>
    <script type="text/javascript" src="./static/js/jquery.cookie.js?v10.03"></script>
    <script type="text/javascript" src="./static/js/jquery.lazyload.js?v10.03"></script>
    <script type="text/javascript" src="./static/js/common_language.js?v10.03"></script>
    <style type="text/css">@keyframes animate_dots{0%{opacity:1}to{opacity:0}}@-webkit-keyframes animate_dots{0%{opacity:1}to{opacity:0}}.dot0,.dot1{animation:animate_dots .9s infinite;-moz-animation:animate_dots .9s infinite;-webkit-animation:animate_dots .9s infinite;-o-animation:animate_dots .9s infinite}.dot1{animation-delay:.2s;-webkit-animation-delay:.2s}.dot2{animation:animate_dots .9s infinite;-moz-animation:animate_dots .9s infinite;-webkit-animation:animate_dots .9s infinite;-o-animation:animate_dots .9s infinite;animation-delay:.4s;-webkit-animation-delay:.4s}.dots_item{display:inline-block;margin-right:5px;width:10px;height:10px;border-radius:50%;background:#4886ff}.verify-icon{position:absolute;width:100%;margin-top:70px;text-align:center}.t-mask{width:100%;height:100%;position:fixed;_position:absolute;left:0;top:0;background:#000;opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);z-index:2000000000}</style><script type="text/javascript" async="" src="https://captcha.gtimg.com/1/tcaptcha-frame.32ce39f5.js"></script>
    <style></style></head>
<body>
<link rel="stylesheet" type="text/css" href="./static/css/iconfont.css?v10.03">
<link rel="stylesheet" type="text/css" href="./static/css/global.css?v10.03">
<script type="text/javascript">
    var config_header = {
        static_img : "https://img.haoqiao.com",
    }
</script>
<div id="tips_bg" class="hide abs" style="height: 766px;">
    <div class="tips_div rel f16">
        <p class="tips_head f16 rel t-fff">提示</p>
        <div class="tips_body clearfix">
            <div class="tips_img fl"><img src="https://img.haoqiao.com/website/images/new_tts/tk_ts_icon_new.svg"></div>
            <div class="tips_conent fl">尊敬的客户，当前浏览器版本过低，将会影响您的预订体验，建议更新版本或更换浏览器使用。</div>
        </div>
        <div class="tips_footer tac">
            <a href="javascript:;" class="tips_button dib J_tips_button">我知道了</a>
        </div>
    </div>
</div>
<div class="header-wrap bg-fff w100p hq_header_wrap">
    <div class="hq_header_top w clearfix h100p">
        <div class="header-logo fl dif aic h100p">
            <a class="J_token logo-href db dif aic" href="/index.html">
                <img class="db" src="./img/logo.png" width="59">
                <div class="header-logo-spe"></div>
                <span class="header-logo-name f26 t-49f">注册</span>
            </a>
        </div>
        <div class="fr h100p pr10" style="padding-top: 16px">

        </div>
    </div>
</div>
<script type="text/javascript" src="./static/js/header.js?v10.03"></script>
<script type="text/javascript">
    //判断浏览器的类型和版本
    var browser = getBrowserInfo();//取到完整信息
    var b_name = (browser + "").replace(/[0-9./]/ig, "");//根据正则将所有数字、‘.’‘/’全部去掉，剩下浏览器名
    var b_version = parseInt((browser + "").replace(/[^0-9.]/ig, ""));//根据正则将所有非数字全部去掉，剩下版本
    if($.trim(b_name).toUpperCase() == 'IE' && b_version <= 9 && !$.cookie('browser_name_version')){
        $("#tips_bg").fadeIn();
        var poition = HQ.util.position.centerPosition($(".tips_div"));
        $(".tips_div").css({left : poition.left, top : poition.top});
        var end = new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1);
        $.cookie('browser_name_version', b_name+"|"+b_version, { expires: end, path: '/',domain:'.haoqiao.com' });
    }
    $(".J_tips_button").click(function(){
        $("#tips_bg").fadeOut();
    });
    $(document).ready(function(){
        var _height = $(document).height() + "px";
        jQuery("#tips_bg").css({height : _height});
    })
</script>

<div class="main-reg" style="height: auto;">
    <div class="reg-header">
        <div class="reg-header-box m0auto current-1">
            <div class="reg-box first-box fl h100p">
                <i class="db w30 h30 tac m0auto radius t-fff f14">1</i>
                <p class="tac f14">填写公司信息</p>
            </div>
            <div class="reg-line first-line fl"></div>
            <div class="reg-line second-line fl"></div>
            <div class="reg-box third-box fl h100p m15">
                <i class="db w30 h30 tac radius t-fff f14" style="margin:0 auto">2</i>
                <p class="tac f14">完成</p>
            </div>
        </div>
    </div>
    <div class="reg-wrap">
        <div class="reg-top" style="; display: none;">
            <!--            <a href="--><!--personal/register">--><!--?//=$lang_register['personal']?--><!--<img src="--><!--?//=$static_img?--><!--/website/images/register/right_go.svg"></a>-->
        </div>
        <div class="reg-form">
            <form action="" method="post">
                <div class="J_first_page">
                    <div class="reg-form-item dif jcc">
                        <div class="account-form-l flex-1">公司名称 (营业执照名称)</div>
                        <div class="account-form-r">
                            <input class="account-f-l-txt" type="text" name="company_name" value="" placeholder="请填写与营业执照一致的公司名称">
                        </div>
                        <div class="account-form-m flex-1"></div>
                    </div>
                    <div class="reg-form-item dif jcc">
                        <div class="account-form-l flex-1">所在地区</div>
                        <div class="account-form-r">
                            <input type="hidden" value="1" name="country" id="J_country" @change="getArea">
                            <div class="account-form-r-c J_sel J_sel_country" data-isshow="0">
                                <span id="J_country_name" style="color:#333333;">中国大陆</span>
                                <em></em>
                            </div>
                            <input type="hidden" value="" name="province" id="J_province">
                            <div class="account-form-r-c J_sel J_sel_province" data-isshow="0" style="margin-left:8px">
                                <span id="J_province_name">省市</span>
                                <em></em>
                            </div>
                            <ul class="sel_pop J_sel_ul_province hide" style="display: none;">
                                <li><a data-val="1" href="javascript:;">北京</a></li>
                                <li><a data-val="2" href="javascript:;">天津</a></li>
                                <li><a data-val="3" href="javascript:;">河北</a></li>
                                <li><a data-val="4" href="javascript:;">山西</a></li>
                                <li><a data-val="5" href="javascript:;">内蒙古</a></li>
                                <li><a data-val="6" href="javascript:;">辽宁</a></li>
                                <li><a data-val="7" href="javascript:;">吉林</a></li>
                                <li><a data-val="8" href="javascript:;">黑龙江</a></li>
                                <li><a data-val="9" href="javascript:;">上海</a></li>
                                <li><a data-val="10" href="javascript:;">山东</a></li>
                                <li><a data-val="11" href="javascript:;">江苏</a></li>
                                <li><a data-val="12" href="javascript:;">浙江</a></li>
                                <li><a data-val="13" href="javascript:;">江西</a></li>
                                <li><a data-val="14" href="javascript:;">安徽</a></li>
                                <li><a data-val="15" href="javascript:;">福建</a></li>
                                <li><a data-val="16" href="javascript:;">中国台湾</a></li>
                                <li><a data-val="17" href="javascript:;">海南</a></li>
                                <li><a data-val="18" href="javascript:;">广东</a></li>
                                <li><a data-val="19" href="javascript:;">中国香港</a></li>
                                <li><a data-val="20" href="javascript:;">广西</a></li>
                                <li><a data-val="21" href="javascript:;">中国澳门</a></li>
                                <li><a data-val="22" href="javascript:;">陕西</a></li>
                                <li><a data-val="23" href="javascript:;">宁夏</a></li>
                                <li><a data-val="24" href="javascript:;">甘肃</a></li>
                                <li><a data-val="25" href="javascript:;">青海</a></li>
                                <li><a data-val="26" href="javascript:;">新疆</a></li>
                                <li><a data-val="27" href="javascript:;">湖南</a></li>
                                <li><a data-val="28" href="javascript:;">湖北</a></li>
                                <li><a data-val="29" href="javascript:;">河南</a></li>
                                <li><a data-val="30" href="javascript:;">贵州</a></li>
                                <li><a data-val="31" href="javascript:;">四川</a></li>
                                <li><a data-val="32" href="javascript:;">云南</a></li>
                                <li><a data-val="33" href="javascript:;">重庆</a></li>
                                <li><a data-val="34" href="javascript:;">西藏</a></li>
                            </ul>
                            <input type="hidden" value="" name="city" id="J_city">
                            <div class="account-form-r-c J_sel J_sel_city" data-isshow="0" style="margin-left:8px">
                                <span id="J_city_name">城市</span>
                                <em></em>
                            </div>
                            <ul class="sel_pop J_sel_ul_city hide" style="display: none;">
                            </ul>
                        </div>
                        <div class="account-form-m flex-1"></div>
                    </div>
                    <div class="reg-form-item dif jcc">
                        <div class="account-form-l flex-1">手机号码</div>
                        <div class="account-form-r">
                            <input type="hidden" value="86" name="phone_code" id="J_phone_code">
                            <div class="account-form-r-c J_sel J_sel_phone_code phone_code" data-isshow="0">
                                <span id="J_phone_code_show" style="color:#333333;">+86</span>
                                <em></em>
                            </div>
                            <ul class="sel_pop J_sel_ul_phone_code hide" style="display: none;">
                                <li><a data-val="86" href="javascript:;">中国大陆<span>+86</span></a></li>
                                <li><a data-val="852" href="javascript:;">中国香港<span>+852</span></a></li>
                                <li><a data-val="853" href="javascript:;">中国澳门<span>+853</span></a></li>
                                <li><a data-val="886" href="javascript:;">中国台湾<span>+886</span></a></li>
                            </ul><input class="account-f-l-txt" type="text" name="phone" value="" placeholder="请输入手机号码">
                        </div>
                        <div class="account-form-m flex-1"></div>
                    </div>

                    <div class="reg-form-item dif jcc" id="invitation_code">
                        <div class="account-form-l flex-1">邀请码（选填）</div>
                        <div class="account-form-r">
                            <input class="account-f-l-txt account-f-l-t-s" type="text" name="invitation_code" id="J_invitation_code" value="" placeholder="如有邀请码，请输入邀请码">
                        </div>
                        <div class="account-form-m flex-1"></div>
                    </div>

                    <!--<div class="reg-form-item dif jcc" style="height:52px;margin-top:11px">
                        <div class="account-form-l flex-1">&nbsp;</div>
                        <div class="account-form-r">
                            <input type="button" value="下一步" class="account-btn" id="J_first_btn">
                        </div>
                        <div class="flex-1"></div>
                    </div>-->
                </div>
                <div class="J_second_page">
                    <div class="reg-form-item dif jcc">
                        <div class="account-form-l flex-1">您的姓名</div>
                        <div class="account-form-r">
                            <input class="account-f-l-txt" type="text" name="contact_name" value="" placeholder="请输入您的姓名">
                        </div>
                        <div class="account-form-m flex-1"></div>
                    </div>
                    <!--<div class="reg-form-item dif jcc">
                        <div class="account-form-l flex-1">账户名称</div>
                        <div class="account-form-r">
                            <input class="account-f-l-txt" type="text" name="account" value="" placeholder="请设置登录的账户名，可由英文和数字组成">
                        </div>
                        <div class="account-form-m flex-1"></div>
                    </div>-->
                    <div class="reg-form-item dif jcc" style="height:57px;">
                        <div class="account-form-l flex-1">联系邮箱</div>
                        <div class="account-form-r">
                            <input class="account-f-l-txt" type="text" name="contact_email" value="" placeholder="请输入您的联系邮箱">
                        </div>
                        <div class="account-form-m flex-1"></div>
                    </div>
                    <div class="reg-form-item" id="sms_code">
                        <div class="dif jcc">
                            <div class="account-form-l flex-1">邮箱验证码</div>
                            <div class="account-form-r account-form-actcode">
                                <input class="account-f-l-txt account-f-l-t-s" type="text" name="actcode" id="J_actcode_m" value="" placeholder="请输入验证码">
                                <img src="https://img.haoqiao.com/website/images/register/vertical.svg" style="vertical-align: middle;">
                                <span class="account-f-getcode" id="J_send_sms" data-aid="2047115597" style="cursor: pointer;">获取验证码</span>
                                <span class="account-f-getcode account-f-getcode-s" style="width: 120px;text-align: center;" id="J_sended_sms"></span>
                                <input type="hidden" name="register_t" class="register_t" value="">
                            </div>
                            <div class="account-form-m flex-1"></div>
                        </div>
                        <div class="dif jcc">
                            <div class="account-form-l flex-1"></div>
                            <div class="send-success" style="width:440px"></div>
                            <div class="account-form-m flex-1"></div>
                        </div>
                    </div>
                    <div class="reg-form-item dif jcc" style="height:47px">
                        <div class="account-form-l flex-1">上传证件</div>
                        <div class="account-form-r">
                            <div class="account-form-upload-title">支持jpg/png格式，单张大小不超过5M</div>
                        </div>
                        <div class="flex-1"></div>
                    </div>
                    <div class="reg-form-item dif jcc" style="height:156px">
                        <div class="account-form-l flex-1">&nbsp;</div>
                        <div class="account-form-r account-form-upload-r">
                            <div class="account-form-upload" style="margin-right:40px;position: relative;">
                                <div style="width: 100px; height: 100px; border: 1px solid rgb(236, 236, 236); display: flex; align-items: center; position: relative;"><img src="https://img.haoqiao.com/website/images/register/upload.svg" style="max-width: 100px; max-height: 100px; position: relative; z-index: 1;" id="business_card"><div id="html5_1e78f4qhlr79g0bsq015mlk2p3_container" class="moxie-shim moxie-shim-html5" style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 0;"><input id="html5_1e78f4qhlr79g0bsq015mlk2p3" type="file" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" multiple="" accept="image/jpeg,image/png"></div></div>
                                <p>本人名片</p>
                            </div>
                            <div class="account-form-upload" style="margin-right:0;position: relative;">
                                <div style="width: 100px; height: 100px; border: 1px solid rgb(236, 236, 236); display: flex; align-items: center; margin: 0px auto; position: relative;">
                                    <img src="https://img.haoqiao.com/website/images/register/upload.svg" style="max-width: 100px; max-height: 100px; position: relative; z-index: 1;" id="license_img">
                                    <div id="html5_1e78f4qhn1chd15351takp1rgkq6_container" class="moxie-shim moxie-shim-html5" style="position: absolute; top: 0px; left: 0px; width: 0px; height: 0px; overflow: hidden; z-index: 0;"><input id="html5_1e78f4qhn1chd15351takp1rgkq6" type="file" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" multiple="" accept="image/jpeg,image/png"></div></div>
                                <p>公司营业执照<!--<span>(<?/*=$lang_register['register_32']*/?>)</span>--></p>
                            </div>
                            <div class="account-form-upload-msg"><div class="account-form-m"></div></div>
                        </div>
                        <div class="flex-1"></div>
                    </div>
                    <div class="reg-form-item dif jcc">
                        <div class="account-form-l flex-1">&nbsp;</div>
                        <div class="account-form-r">
                            <input type="hidden" name="business_card" value="">
                            <input type="hidden" name="license_img" value="">
                            <input type="button" value="提交申请" class="account-btn" id="J_second_btn">
                        </div>
                        <div class="flex-1"></div>
                    </div>
                    <div class="reg-form-item dif jcc" style="height:30px">
                        <div class="account-form-l flex-1">&nbsp;</div>
                        <div class="account-form-r">
                            <p class="account-bot-tips">已有账号，<a href="/">请登录</a></p>
                        </div>
                        <div class="flex-1"></div>
                    </div>
                    <div class="reg-form-item dif jcc" style="height:5px">
                        <div class="account-form-l flex-1">&nbsp;</div>
                        <div class="account-form-r">
                            <p class="account-bot-tips"></p>
                        </div>
                        <div class="flex-1"></div>
                    </div>
                </div>

                <div class="J_third_page hide">
                    <div class="reg-res-item" style="text-align: left;width: auto;padding: 0;margin-left: 436px;">
                        <p class="reg-res-succ">注册成功，等待审核信息</p>
                        <p class="reg-res-msg">我们会在1-2个工作日内审核您的信息</p>
                        <p class="reg-res-msg">审核完成前您可登录账号，使用预订外的其它功能。</p>
                        <p class="reg-res-msg" style="margin-top: 60px;">登录密码已发送到您的邮箱：</p>
                        <p class="reg-res-msg"><span id="register_email" style="font-size: 24px;color: #333333;line-height: 40px;">wudongxu@haoqiao.com</span></p>
                        <p class="reg-res-msg" style="line-height: 23px">如有问题请拨打：</p>
                        <p class="reg-res-msg" style="line-height: 23px">仅中国大陆：</p>
                        <p class="reg-res-msg" style="line-height: 23px">非中国大陆：</p>
                        <p><a href="/"><input type="button" value="返回首页" class="account-btn" id="J_second_btn"></a></p>
                        <input type="hidden" name="register_type" value="">
                    </div>
                </div>
            </form>
        </div>
    </div>

</div>
<script type="text/javascript" src="./static/js/plupload.full.min.js?v10.03"></script>
<script type="text/javascript" src="./static/js/register.js?v10.03"></script>

<div class="bg-f543">
    <div class="w">

    </div>
</div>
<script type="text/javascript" src="./static/js/common.js?v10.03"></script>
<script type="text/javascript" src="./js/lib/vue.js"></script>
<script>
    var _v;
    var vueModel = {
        el: '.main-reg',
        data: {
            areaPId: '',
            areaId: '',
            area: []
        },
        methods: {
            getArea: function (v) {
                HQ.ajax('', {
                    id: v
                }, function (res) {

                })
            }
        }
    };
    $(function() {
        new Vue(vueModel)
    })
</script>
